.assets-manage {
	height: calc(100vh - var(--window-top));
	padding: 21rpx 24rpx 0 24rpx;
	background-color: rgb(246, 246, 246);

	.mt {
		margin-top: 22rpx;
	}

	.bgfff {
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
	}

	&-content {
		&-info {
			background: #FBD11F;
			box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
			border-radius: 10rpx;
			padding: 30rpx 20rpx 24rpx 20rpx;

			&-number {
				margin: 40rpx 0;
				font-size: 48rpx;
				color: #333333;
			}

			&-btn {
				width: 644rpx;
				height: 72rpx;
				border: 2rpx solid #333333;
				border-radius: 35rpx;
				font-size: 28rpx;
				color: #333333;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		&-trade {
			width: 702rpx;
			background: #FFFFFF;
			box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
			border-radius: 10rpx;
			margin-top: 22rpx;
			display: flex;
			flex-direction: column;

			&-wrapper {
				height: 0;
				overflow: hidden;
				transition: height .5s;

				&.active {
					height: 216rpx;
				}
			}

			&-item {
				width: 100%;
				height: 108rpx;
				padding: 0 20rpx;
				display: flex;
				justify-content: flex-end;

				.info-logo {
					margin-right: 20rpx;
					transition: transform .5s;
				}

				.content-item {
					width: 608rpx;
					border-top: 2rpx solid #EDEDED;
					display: flex;
					align-items: center;
				}
			}
		}
	}
}